<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head lang="en">
    <meta charset="UTF-8"/>
    <title></title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}"/>
</head>
<body ms-controller="viewmodel">
<h1 th:text="${msg}">Hello World</h1>
<!-- ms-click="@request" -->
<button id="key" type="button" class="btn btn-primary" style="margin: 10px;">{{@text}}</button>
<button id="add" type="button" class="btn btn-primary" style="margin: 10px;">{{@add}}</button>
<div>查询id号<input id="inputText" type="text" name="intpt inputText" value="-1"></input></div>
<div style="text-align:center" id="delResult"></div>
<table class="table table-striped">
    <thead>
    <tr>
        <td class="active">id</td>
        <td class="success">名称</td>
        <td class="warning">拼音</td>
        <td class="danger">状态</td>
        <td class="info">acronym</td>
    </tr>
    </thead>
    <tbody>
    <tr ms-for="el in @datalist">
    	<td class="active">{{el.id}}</td>
        <td class="success">{{el.cameraname}}</td> 
        <td class="warning">{{el.pinyin}}</td>
        <td class="danger">{{el.camerastatus}}</td>
        <td class="info">{{el.acronym}}</td>
        <td>
       	 	<button type="button" class="btn btn-warning" style="margin: 10px;" onclick="rem(this);">
     		  删除设备
        	</button>
        </td>
    </tr>
    </tbody>
</table>
</body>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/avalon.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/myscript.js"></script>
<script src="../js/removescript.js"></script>

<!--  
<script th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/js/avalon.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/myscript.js}"></script>
-->
</html>